<!doctype html>
<html>
<head>
    <meta charset="utf-8" />
    <!--<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>-->
    <title>door_market</title>

    <script src="{$host_name}jquery-1.11.1.min.js"></script>
    <script src="{$host_name}jquery-ui/js/jquery-ui-1.10.4.min.js"></script>

    <script src="{$host_name}fancy_app_js.js"></script>

    <script src="{$host_name}jquery.ba-hashchange.min.js"></script>

    <!-- Add jQuery library -->
    <!--<script type="text/javascript" src="./rs/jquery-1.10.2.min.js"></script> -->
    <!--<script type="text/javascript" src="./rs/jquery-1.11.1.min.js"></script>-->

    <!-- Add mousewheel plugin (this is optional)
    <script type="text/javascript" src="./rs/jquery.mousewheel.pack.js"></script>
    -->

    <!-- Add fancyBox main JS and CSS files -->
    <script type="text/javascript" src="{$host_name}rs/jquery.fancybox.js"></script>
    <link rel="stylesheet" type="text/css" href="{$host_name}rs/jquery.fancybox.css" media="screen">

    <!-- Add Thumbnail helper (this is optional) -->
    <link rel="stylesheet" type="text/css" href="{$host_name}rs/jquery.fancybox-thumbs.css">
    <script type="text/javascript" src="{$host_name}rs/jquery.fancybox-thumbs.js"></script>

    <link rel="stylesheet" type="text/css" href="{$host_name}mystyle.css">
    <link rel="stylesheet" type="text/css" href="{$host_name}product-item.css">
    <link rel="stylesheet" href="{$host_name}jquery-ui/css/ui-lightness/jquery-ui-1.10.4.min.css">

    <link rel="stylesheet" type="text/css" href="{$host_name}paging.css">
    
    <script src="{$host_name}application.js"></script>

<!--<script type="text/javascript">
        $(window).load(function() {
            setTimeout(20000);
            $(".loader").fadeOut("slow");
            setTimeout(2000);
        })
    </script>-->
</head>
<body>
<!--<div id="dialog-message" style="display: none">
    <img src="img/page-loader.gif" style="height: 40px">
</div>
<div class="loader"></div>-->
<div class="my_wraper">
	<div class="my_header">
		 
		<div class="headerTop">
			<!--headerTop  -->
			<div class="supportInfo">
				Наші контакти 
				тел. 0679918527
				vovoasosnove@gmail.com
			</div>
		</div>
		<div class="headerContent">
			<!-- headerContent -->
			<div class="logo">
                <a href="/" >
				    <img src="{$host_name}img/logo.jpg" alt="Smiley face" >
                </a>
			</div>
			
			<div class="customer">
				<div class="customerActions">
					<a class="customerDelivery" href="#" title="Доставка">Доставка</a>
					<a class="customerMeasurement" href="#" title="Замір">Замір</a>
					<a class="customerPaid" href="#" title="Оплата">Оплата</a>
					<a class="customerWarranty" href="#" title="Гарантія">Гарантія</a>
				</div>
			</div>
	
		</div>
		
	</div>
	
	<div class="spmenu"> 
	    {*<div class="spmenub">
		</div>*}

		<div class="my_menu">
            <div class="menu_area">
                <nav>
                    <ul>
                        {foreach $category_list as $category name=ver_menu}
                            {if $smarty.foreach.ver_menu.iteration == 1 }
                                <li class="left_el"><a href="{$category['link']}">{$category['title']|upper}</a>
                                    {else}
                                <li><a href="{$category['link']}">{$category['title']|upper}</a>
                            {/if}
                            <ul>
                                {foreach $category.sub as $sub_category}
                                    <li><a href="{$sub_category['link']}">{$sub_category['title']}</a></li>
                                {/foreach}

                            </ul>
                            </li>
                        {/foreach}
                    </ul>
                </nav>
            </div>
		</div>
    </div>


    <div class="left_bar">
		<!--
		<br>----</br>
		<br>----</br>
		<br>----</br>
		<br>----</br>
		<br>----</br>
		<br>----</br>
		<br>----</br>
		-->
	</div>	
	<div class="right_bar"> 
		<!-- <br>----</br>
		<br>----</br>
		<br>----</br>
		<br>----</br>
		<br>----</br>
		<br>----</br>
		<br>----</br> -->
	</div>	
	<div class="main">
    <div class="main_center">
		<div class="conext">
            <ul class="menu_container">

                {foreach $category_list as $category}


                    <li class="{$category['class']}">
                        <a class="driled_links" href="{$category['link']}" onclick="show_sub_items1()">{$category['title']}</a>  <!---http://door-market/ -->
                    </li>
                    <ul class="menu_category_container sub_items1 sub_items"  style="{$category['style']}">
                        {foreach $category.sub as $sub_category}

                            <li class="{$sub_category['class']}" id="entrancedoors">
                                <a href="{$sub_category['link']}" class="subcategory_link">{$sub_category['title']}</a>
                                <span class="sub_item_count">  ({$sub_category['items_count']})</span>
                            </li>
                        {/foreach}

                        </li>

                    </ul>
                {/foreach}

            </ul>
		</div>
		<div class="content">

        <div id="pathway">
            <ul>
                <li itemscope="" itemtype="http://data-vocabulary.org/Breadcrumb">
                    <a href="javascript:;" itemprop="url" class="link_to_main" id ="link_to_main">
                        <span itemprop="title">Головна</span>
                    </a>
                </li>
                <li>
                    <i>
                        »
                    </i>
                </li>
                <li itemscope="" itemtype="http://data-vocabulary.org/Breadcrumb">
                    <a href="javascript:;" itemprop="url">
                        <span itemprop="title">Двері</span>
                    </a>
                </li>
                <li>
                    <i>
                        »
                    </i>
                </li>
                <li>
                    <span>Вхідні</span>
                </li>

            </ul>
        </div>

           <div class="spliter">
                <hr size="1" noshade>
           </div>
            <div class="content-header">
            <div class="curr_category">
                <h2 class="oth">{$category_name}</h2>
            </div>

            <div class="spliter">
                <hr size="1" noshade>
            </div>

            <div class="totals_and_paging">
                <div class="totals">
                    <div class="NumResultsName"> Всьго позицій: </div>

                <div class="NumResultsValue"> {$total_items_count} </div>
                </div>
                <div class="paging">

                    <section class="archive-pages">
                        <ul>
                            {foreach $pages as $p}
                                <li class="{$p['class']}" id="1"><a href="{$p['link']}" class="{$p['disable']}" title="Pagina {$p['title']}">{$p['title']}</a></li>
                            {/foreach}
                        </ul>
                    </section>

                </div>
            </div>

            <div class="spliter">
                <hr size="1" noshade>
            </div>
                <div class="filter">
                    <span> Сортувати: </span>
                    <form method="get" action="" style="float:left;">

                        <select name="sort" id="order_select" onchange="if (this.value) window.location.href=this.value">
                            {foreach $sort_list as $sort_item}
                                <option value="{$sort_item['link']}" {$sort_item['class']}="">{$sort_item['title']}</option>
                            {/foreach}
                        </select>

                        {*<select name="sort" id="order_select">
                            <option value="poz" selected="">за замовчуванням</option>
                            <option value="voz">за зростанням ціни</option>
                            <option value="ub">от дорогих к дешевым</option>
                            <option value="pop">популярные</option>
                            <option value="new">новинки</option>
                            <option value="akciya">акции</option>
                        </select>*}
                    </form>
                </div>
                <div class="right">
                    <span>Показувати по:</span>
                    <select name="PageSize" class="pageSize" onchange="if (this.value) window.location.href=this.value">
                        {foreach $page_size_list as $size_item}
                            <option value="{$size_item['link']}" {$size_item['class']}="">{$size_item['title']}</option>
                        {/foreach}
                    </select>
                </div>
        </div>
            <div class="spliter">
                <hr size="1" noshade>
            </div>
            <div class="catalog-section">
                <div class="section-content">
                    {foreach name=outer item=items_line from=$items_container}

                        <div class="items_line">
                            {foreach item=item from=$items_line}
                                <div class="product_item">
                                    <div class="product_header">
                                        <div class="product_name">
                                            {$item['product_name']}
                                        </div>
                                        <div class="product_code">
                                            {$item['product_code']}
                                        </div>
                                    </div>
                                    <div class="photo_column">
                                        <div class="product_photo">
                                            <a href = "{$item['large_image']}">
                                            <img src="{$item['mid_image']}" title="Двери">
                                            </a>
                                        </div>
                                        <div class="lupa">
                                            <a class="lupa_aa"  href="{$item['large_image']}" style="float:left; margin:0 0 0 8px; font-weight:bold;" title="Велике фото">
                                                <img  class="lupa_a" src="{$host_name}/img/lupa.png" title="Двери">
                                            </a>

                                        </div>
                                    </div>
                                    <div class="product_foter">
                                        <div class="product_details">

                                            <div class="details_btn">

                                                <a  href="{$item_rel_host}{$item['item_no']}"  title="Детальніше" onclick="">
                                                    <!--<img src="img/details.jpg">-->
                                                    Детальніше
                                                </a>
                                            </div>
                                        </div>
                                    </div>

                                </div>
                            {/foreach}
                        </div>
                    {/foreach}
                </div>
            </div>

		</div>
	</div>
    </div>
	
	<div class="footer"> 
		<div class="foorterTop"> 
			<footer>
				<small>© Copyright 2058, Example Corporation</small>
			</footer>
		</div>
	</div>
</div>
</body>
</html>